<template>
    <div class="detail-nav">
        <router-link to="/" tag="i" class="iconfont bg" >&#xe6bc;</router-link>
        <p>知音号游船</p>
    </div>
</template>
<script>
export default {
  name: "DetailNav"
};
</script>
<style lang="scss" scoped>
    @import '~@/assets/style/global.scss';
    .detail-nav {
        width: 100%;
        background: color(bg);
        position: fixed; 
        top: 0;
        left: 0px;   
        color: color(nav-head);
        line-height: 80px;
        z-index: 1000;
        text-align: center;
    }
    .bg {
        position: absolute;
        left: 30px;
        font-size: 50px;
        color: color(nav-head);        
    }
</style>
